<template>
    <div class="dv-global-theme-primary">
        <div class="row dv-spaceship g-5">
            <div class="col-2 bg-dark theme-danger">
                <dv-navigator :size="50"></dv-navigator>
            </div>
            <div class="col-2 bg-dark">
                <dv-navigator :is-arrow="true"></dv-navigator>
            </div>
            <div class="col-2 bg-dark">
                <dv-navigator :is-arrow="true" direction="left"></dv-navigator>
            </div>
            <div class="col-2 bg-dark">
                <dv-navigator :is-arrow="true" direction="right"></dv-navigator>
            </div>
            <div class="col-2 bg-dark">
                <dv-navigator :is-arrow="true" direction="down"></dv-navigator>
            </div>
        </div>
    </div>
</template>

<script>
    import DvNavigator from "../DvNavigator";

    export default {
        name: "IconsLab",
        components: {DvNavigator}
    }
</script>

<style scoped>

</style>